/** 公共前缀 */
@starter-prefix: tdesign-starter;

// 颜色、尺寸、阴影、圆角、字体 variables 请参考 https://tdesign.tencent.com/starter/docs/vue/design-token
// 响应式断点
@screen-sm: 768px;
@screen-md: 992px;
@screen-lg: 1200px;
@screen-xl: 1400px;

@screen-sm-min: @screen-sm;
@screen-md-min: @screen-md;
@screen-lg-min: @screen-lg;
@screen-xl-min: @screen-xl;

@screen-sm-max: calc(@screen-md-min - 1px);
@screen-md-max: calc(@screen-lg-min - 1px);
@screen-lg-max: calc(@screen-xl-min - 1px);

// 动画
@anim-time-fn-easing: cubic-bezier(0.38, 0, 0.24, 1);
@anim-time-fn-ease-out: cubic-bezier(0, 0, 0.15, 1);
@anim-time-fn-ease-in: cubic-bezier(0.82, 0, 1, 0.9);
@anim-duration-base: 0.2s;
@anim-duration-moderate: 0.24s;
@anim-duration-slow: 0.28s;

// 新加改动公共变量

// 头部
@headerHeight: 56px;

// 侧边菜单栏
@side-menu-width: 145px;
@side-menu-collapsed-width: 64px;

// https://blog.csdn.net/qq_36687211/article/details/128400125
// https://www.cnblogs.com/mabylove/p/8206264.html

/*
在 Less 中可以使用任意自定义的字符串变量作为属性值、属性名或选择器。
~"anything"或 ~'anything'中的任何内容都按原样使用，除了插值之外没有任何变化。
*/
@functions: ~`(function() {
      var rem = 16;
      // px 转 rem
      this.vw = function(size) {
        return (size / rem) + 'rem';
      };
})()`;
